const { override, addWebpackAlias, addPostcssPlugins } = require('customize-cra')
const path = require('path')
const px2viewport = require('postcss-px-to-viewport')
// const {pxtorem} = require('postcss-pxtorem')

// const babelPlugins = fixBabelImports('import', {
//   libraryName: 'antd-mobile',
//   style: false,
//   libraryDirectory:"es/components",
// })

const webpackAlias = addWebpackAlias({
  '@': path.resolve(__dirname, 'src'),
  '@scss': path.resolve(__dirname, 'src', 'assets', 'styles'),
})


// const fontResAdapter = addPostcssPlugins([
//   pxtorem({
//     remUnit: 37.5, // 1rem = 37.5px
//   }),
// ])

// const imageLoader = addWebpackModuleRule({
//   test: [/\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/],
//   loader: 'url-loader',
//   options: {
//     limit: 500 * 1024,
//     name: 'static/media/[name].[hash:8].[ext]',
//     publicPath: '../', // 设置公共路径为上级目录
//   },
// })

// 配置 PostCSS 样式转换插件
// const postcssPlugins = addPostcssPlugins([
//   // 移动端布局 viewport 适配方案
//   px2viewport({
//     // 视口宽度：可以设置为设计稿的宽度
//     viewportWidth: 375,
//     // 白名单：不需对其中的 px 单位转成 vw 的样式类类名
//     // selectorBlackList: ['.ignore', '.hairlines']
//   })
// ])

// 配置打包目录
// const outPath = setWebpackPublicPath('/rockcash/')

// 配置 PostCSS 样式转换插件
// const postcssPlugins = addPostcssPlugins([
  // px2viewport({
  //   viewportWidth: 750
  //   // 白名单：不需对其中的 px 单位转成 vw 的样式类类名
  //   // selectorBlackList: ['.ignore', '.hairlines']
  // })
// ])


// // 导出要进行覆盖的 webpack 配置
// module.exports = override(webpackAlias, postcssPlugins)
module.exports = override(webpackAlias)
